<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="pragma" content="no-cache">
<title>天小天个人网-账号登录</title>
<link rel="shortcut icon " type="images/x-png" href="../../public/pic/icon.png">
<link href="../css/login.css" type="text/css" rel="stylesheet">
<link href="../../public/bs/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../../public/bs/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="../../public/bs/js/bootstrap.min.js" type="text/javascript"></script>
</head>

<body>
    <div id="particles-js"></div>
	<nav class="navbra navbar-default" >
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../model/index.php" class="navbar-brand nav-title">
                天小天个人网
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class=""><a href="../model/index.php">首页</a></li>
                <li class=""><a href="../model/resume.php">个人简历</a></li>
                <li class=""><a href="../model/dynamic.php">我的动态</a></li>
                <li class=""><a href="../model/web.php">web技术</a></li>
                <li class=""><a href="../model/index.php">网站协会</a></li>
                <li class=""><a href="../model/comment.php">给我留言</a></li>
                <li class=""><a href="../model/signup.php">去注册</a></li>
            </ul>
        </div>
    </div>
    </nav>
	<div class="container lg-all">
		<form method="post" action="../model/login.php" class="col-md-12">
			<div class="form-group">
				<label for="usertext"><span class="glyphicon glyphicon-pencil"></span>大侠请输入账号：</label>
			  <input type="text" id="usernumber" name="usernumber" class="form-control" required="required"  placeholder="请输入手机号码或者QQ号码"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
			  <label for="usertext"><span class="glyphicon glyphicon-lock"></span>大侠请输入密码：</label>
			  <input type="password" id="userpassword2" name="userpassword" class="form-control" required="required" placeholder="请输入密码"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
				<label for="usertext"><span class="glyphicon glyphicon-text-background"></span>大侠请输入验证码：</label>
				<input class="form-control" type="text" name="captcha" required="required" placeholder="不区分大小写" />
			</div>
			<div class="form-group">
				<img id="captcha" class="img-responsive center-block text-center" src="../model/captcha.php" alt="验证码图片加载中。。。">
				<p class="text-center"><a href="#" id="change">看不清换一张</a></p>
			</div>
			<div class="form-group">
			  <input type="submit" name="submit" value="登录" class="btn btn-success col-xs-4 col-xs-offset-4" />
			</div>
        </form>
	</div>
</body>
<script>
	var captcha = document.getElementById("captcha");
	var change = document.getElementById("change");
	change.onclick = function(){
		captcha.src = "../model/captcha.php?rand=" + Math.random(); //增加一个随机参数，防止图片缓存
		return false; //阻止超链接动作
	};
    $(
        function(){$('#example-navbar-collapse ul li').each(function () {
		$(this).mouseover(function () {
			$(this).addClass("active").siblings().removeClass("active");
		});
	   });
     }
    );
</script>
<script src="../../public/js/particles.min.js"></script>
<script src="../../public/js/app.js"></script>
</html>
